<!DOCTYPE html>
<html lang="en">
  	<head>
	    <meta charset="utf-8">
	    <title>空白页</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">

	    <!-- 公用css -->
	    <link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/bootstrap-table.css" rel="stylesheet">
		<link href="css/pop.css" rel="stylesheet">
		<link href="css/simplify.css" rel="stylesheet">
		<link href="css/public.css" rel="stylesheet">

		<!-- 本文件css -->
		<link href="css/CY.css" rel="stylesheet">
  	</head>
	<body>
  		<div class="wrapper no-left">
			<div class="main-container">
				<div class="smart-widget-inner">

					<!-- 页面区 -->
					<div class="main-container">

						<h3 class="header-text">tab切换1</h3>
						<div class="smart-widget-inner margin_b_n">
							<ul class="nav nav-tabs tab-style2">
								<li class="active">
									<a href="#style2Tab1" data-toggle="tab">
										<span class="text-wrapper">概述</span>
									</a>
								</li>
								<li>
									<a href="#style2Tab2" data-toggle="tab">
										<span class="text-wrapper">帐户</span>
									</a>
								</li>
								<li>
									<a href="#style2Tab3" data-toggle="tab">
										<span class="text-wrapper">付款</span>
									</a>
								</li>
								<li>
									<a href="#style2Tab4" data-toggle="tab">
										<span class="text-wrapper">设置</span>
									</a>
								</li>
							</ul>
							<div class="smart-widget-body">
								<div class="tab-content">
									<div class="tab-pane fade in active" id="style2Tab1">
										<p>tab1内容区</p>
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style2Tab2">
										<p>tab2内容区</p>
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style2Tab3">
										<p>tab3内容区</p>
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style2Tab4">
										<p>tab4内容区</p>
									</div><!-- ./tab-pane -->
								</div><!-- ./tab-content -->
							</div>
						</div>

						<br>
						<br>
						<h3 class="header-text">tab切换2</h3>
						<div class="smart-widget-inner margin_b_n">
							<div class="widget-tab clearfix">
								<ul class="tab-bar">
									<li class="active"><a href="#style3Tab1" data-toggle="tab">标题1</a></li>
									<li class=""><a href="#style3Tab2" data-toggle="tab">标题2</a></li>
									<li class=""><a href="#style3Tab3" data-toggle="tab">标题3</a></li>
									<li class=""><a href="#style3Tab4" data-toggle="tab">标题4</a></li>
								</ul>
							</div>
							<div class="smart-widget-body">
								<div class="tab-content">
									<div class="tab-pane fade in active" id="style3Tab1">
										内容区1
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style3Tab2">
										内容区2
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style3Tab3">
										内容区3
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style3Tab4">
										内容区4
									</div><!-- ./tab-pane -->
								</div><!-- ./tab-content -->
							</div>
						</div>

						<br>
						<br>
						<h3 class="header-text">tab切换3</h3>
						<div class="smart-widget-inner margin_b_n">
							<div class="widget-tab clearfix">
								<ul class="tab-bar right">
									<li class=""><a href="#style3Tab8" data-toggle="tab">标题4</a></li>
									<li class=""><a href="#style3Tab7" data-toggle="tab">标题3</a></li>
									<li class=""><a href="#style3Tab6" data-toggle="tab">标题2</a></li>
									<li class="active"><a href="#style3Tab5" data-toggle="tab">标题1</a></li>
								</ul>
							</div>
							<div class="smart-widget-body">
								<div class="tab-content">
									<div class="tab-pane fade in active" id="style3Tab5">
										内容区1
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style3Tab6">
										内容区2
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style3Tab7">
										内容区3
									</div><!-- ./tab-pane -->
									<div class="tab-pane fade" id="style3Tab8">
										内容区4
									</div><!-- ./tab-pane -->
								</div><!-- ./tab-content -->
							</div>
						</div>



					</div><!--main-container-->
					<!-- 页面区 -->

				</div> <!--padding-md -->
			</div><!--main-container -->
		</div><!--wrapper -->
  	</body>
</html>


    	<!-- 公用js -->
		<script src="js/jquery-1.11.1.min.js"></script>
	    <script src="js/bootstrap.min.js"></script>
		<script src='js/jquery.slimscroll.min.js'></script>
		<script src="js/simplify.js"></script>
		<!-- 引入header -->
		<script type="text/javascript" src = 'js/Loadhead.js'></script>

		<!-- 本文件js -->

